<template>
	<view class="">
		<custom title="关于我们"></custom>
		<view class="aboutUs">
			<view class="top">
				<view class="logo">
					<image src="../../static/logo.png" style="width:100%;height:100%;"></image>
				</view>
				<view class="name blod mb-10 fs-32">
					发个信
				</view>
				<view class="version fs-22">
					{{ version }}
				</view>
			</view>

			<view style="padding: 0 20rpx;">
				<view class="bg-FFFFFF" style="border-radius: 10rpx;overflow: hidden;">
					<cell-list>
						<cell title="反馈建议" @click="toPage('/pages/user/feedback')"></cell>
						<cell title="版本更新" @click="toUpdate"></cell>
						<cell title="用户服务协议" @click="openLocalUrl('https://fgxfile.fagexin.online/fgx/16831966258797947.html','用户服务协议')"></cell>
						<!-- <cell title="隐私协议" @click="openLocalUrl('https://fgxfile.fagexin.online/fgx/16831966043612159.html','隐私协议')"></cell> -->
						<cell title="隐私协议" @click="openLocalUrl('https://fgxfile.fagexin.online/fgx/17373535219916478.html','隐私协议')"></cell>
						<cell title="第三方共享个人信息清单" @click="openLocalUrl('https://data.59ls.com/fgx/16818088532936972.html','第三方共享个人信息清单')"></cell>
					</cell-list>
				</view>
			</view>

			<!-- <view class="middle">
				<setting-item text="反馈建议" jumpUrl="/pages/user/feedback"></setting-item>
				<setting-item text="版本更新"></setting-item>
			</view> -->



			<!-- <view class="footer fs-20">
				<text @tap.stop="toPage('/pages/protocol/protocol')">《用户协议》</text>
				<text @tap.stop="toPage('/pages/privacy/privacy')">《隐私协议》</text>
			</view> -->

		</view>

		<common v-if="showUpdate"></common>
	</view>
</template>

<script>
	import {
		version
	} from '../../siteinfo'
	export default {
		name: 'aboutUs',

		data() {
			return {
				showUpdate: false,
			};
		},

		mounted() {

		},
		computed: {
			version() {
				let v = version.replace('v', '')
				return `Version ${v}`
			}
		},

		methods: {
			toUpdate() {
				this.showUpdate = false;
				getApp().globalData.updated = false;
				this.less(() => {
					setTimeout(() => {
						this.showUpdate = true;
					}, 200);
				});
			}
		},
	};
</script>

<style lang="scss">
	page {
		font-size: 26rpx;
		background-color: $pageColor;
	}

	.aboutUs {

		position: relative;

		.top {
			height: 500rpx;
			text-align: center;
			padding-top: 100rpx;

			.logo {
				width: 100rpx;
				height: 100rpx;
				margin: 60rpx auto;
				border-radius: 15rpx;
				overflow: hidden;
			}
		}

		.middle {
			height: 300rpx;
		}

		.footer {
			position: fixed;
			width: 100%;
			height: 150rpx;
			bottom: 0;
			left: 0;
			text-align: center;
			color: #1a73e8;
		}
	}
</style>